@charset "utf-8";

/*banner*/
.banner{ position:relative; z-index:1; }
.banner .item{ height:515px; background-position:center; background-repeat:no-repeat; background-size:cover}
.banner .owl-dots{ text-align:center; position:absolute; bottom:18px; left:0; right:0;}
.banner .owl-dots .owl-dot{ display:inline-block; width:70px; height:6px; background-color:#fff; margin:0 5px; border-radius:6px;}
.banner .owl-dots .owl-dot.active{ background-color:#e2cac3} 

.navindex{ padding-top:70px; padding-bottom:35px;}
.navindex li{ float:left; width:33.33%}
.navindex li a{ display:block; background-color:#f8e3df}
.navindex li .txt{ height:260px; padding:35px; padding-top:15px;}
.navindex li .img{ height:310px; position:relative;overflow:hidden}
.navindex li .img span{ display:block;height: 100%;width:100%; background-size:cover; background-position: center;  transition: all 0.5s linear; }
.navindex li a:hover .img span{transform: scale(1.1,1.1);}
.navindex li .eng{ font-size:59px; color:#292929; text-transform:uppercase; position:relative; text-indent:-5px}
.navindex li .eng:after{ content:""; display:block; width:25px; height:1px; background-color:#292929}
.navindex li h3{ font-size:30px; color:#767676; font-weight:normal;}
.navindex li .ms{ font-size:15px; color:#b4aaaa; margin-bottom:15px; height:54px; overflow:hidden}
.navindex li .more span{ font-size:22px; color:#292929}
.navindex li a:hover span{ text-decoration:underline}

.videoindex{ padding-top:35px;}
.plo{ text-align:center; position:relative; margin-bottom:30px;}
.plo:after{ content:""; display:block; height:1px; background-color:#292929; position:absolute;top:50%; left:0; right:0}
.plo .title{ display:inline-block; padding:0 45px; background-color:#fff; position:relative; z-index:2}
.plo .title span{ display:inline-block; width:470px; text-align:center; font-size:33px; text-transform:uppercase; color:#292929; border:1px solid #292929; font-weight:lighter; height:70px; line-height:70px;}
.ploindex{ text-align:center; font-size:28px; color:#292929; margin-bottom:30px}

.videoindex .bd{ background-color:#181818; padding:35px 0; } 

.tmallindex{ padding-top:70px; padding-bottom:35px;}
.tmallindex a{ display:block}
.tmallindex img{ max-width:1090px; width:100%; display:block; margin:0 auto}
.tmallindex .bd{ background-color:#f8f7f7}

.productindex{ padding-top:35px; padding-bottom:35px;}
.productindex .hd{ text-align:center; margin-bottom:30px}
.productindex .hd li{ display:inline-block; font-size:28px; margin:0 20px}
.productindex .hd .li{ cursor:pointer}
.productindex .hd span{ padding-bottom:10px;transition: all 1s; color:#8f8f8f; font-weight:0; display:inline-block; position:relative}
.productindex .hd span:after{ content:""; position:absolute; z-index:1; height:1px; background-color:#292929; bottom:0; left:50%; width:0%;    transition: all 0.25s 0.1s}
.productindex .hd .on span:after{    width: 100%;
    margin-left: -49.8%;}
.productindex .hd .on span,.productindex .hd span:hover{   color:#292929; font-weight:bold;    }
.productindex .bd ul{ -moz-column-count:3; /* Firefox */-webkit-column-count:3; /* Safari 和 Chrome */column-count:3;-moz-column-gap: 30px;-webkit-column-gap:30px;column-gap:30px;}
.productindex .bd ul li{-moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid; margin-bottom:30px;}
.productindex .bd ul li a{ display:block; overflow:hidden;}	  
.productindex .bd ul li img{ width:100%;transition: all 0.5s linear;}
.productindex .bd ul li a:hover img{ opacity:.7}
.productindex .more{ text-align:center}
.productindex .more a{ font-size:24px; color:#292929}
.productindex .more a:hover{ text-decoration:underline}

.gg{ padding-top:35px; padding-bottom:35px; text-align:center;}	
.gg .bd{ background-color:#fae4e1}
.gg img{ max-width:100%} 

.displayindex{ padding-top:35px; padding-bottom:35px}
.displayindex .owl-prev,.displayindex .owl-next{ width:30px; height:60px; overflow:hidden; position:absolute; z-index:1;top:50%; margin-top:-30px; background-size:100%; text-indent:-99px; background-repeat:no-repeat}
.displayindex .owl-prev{ left:-70px; background-image:url(../images/dp-l.png); background-position:center left}
.displayindex .owl-next{ right:-70px; background-image:url(../images/dp-r.png); background-position:center right}

.newsindex{ padding-top:35px; padding-bottom:50px;}
.newsindex .bd li{ border-bottom:1px dashed #dddddb}
.newsindex .bd li a{ display:block; height:60px; line-height:60px; padding-right:160px; position:relative}
.newsindex .bd li a:hover h3{ color:#fe484c}
.newsindex .bd li h3:before{ content:""; display:inline-block; vertical-align:middle; width:5px; height:5px; margin-right:10px; background-color:#292929; border-radius:5px;}
.newsindex .bd li h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:24px; font-weight:normal; color:#292929}
.newsindex .bd li span{ position:absolute; z-index:1; right:0;top:0; font-size:24px; color:#292929;}
.newsindex .more{ margin-top:30px; text-align:center}
.newsindex .more a{ font-size:24px; color:#292929}
.newsindex .more a:hover{ text-decoration:underline}

/*产品*/
.nbanner{ height:400px; background-repeat:no-repeat; background-position:center; background-size:cover}
.lanmuplo{ text-align:center; font-size:42px; color:#afafaf; text-transform:uppercase; letter-spacing:30px; margin-bottom:40px}
.lanmubox{ padding:90px 0;}
.lanmunav{ text-align:center; margin-bottom:50px}
.lanmunav li{ display:inline-block; font-size:28px; margin:0 20px} 
.lanmunav li a{ font-size:28px; padding-bottom:5px;display:inline-block; border-bottom:1px solid #fff; position:relative }
.lanmunav li a:after {content: "";position: absolute;z-index: 1;height: 1px;background-color: #292929;bottom: 0;left: 50%;width: 0%;transition: all 0.25s 0.1s;}
.lanmunav li a:hover:after{width: 100%;margin-left: -49.8%;}
.lanmunav li.on a{ font-weight:bold;   color:#292929}
.lanmunav li a:hover{   color:#292929}

.productlist{ overflow:hidden; margin-bottom:30px}
.productlist ul{ margin-left:-15px; margin-right:-15px}
.productlist li{ float:left; width:33.33%; margin-bottom:30px}
.productlist li a{ display:block; margin:0 15px; overflow:hidden}
.productlist li img{ display:block; width:100%;transition: all 0.5s;}
.productlist li a:hover img{ opacity:.7}
/*门店*/
.shoplist{ overflow:hidden; margin-bottom:30px}
.shoplist ul{ margin-left:-15px; margin-right:-15px}
.shoplist li{ float:left; width:33.33%; margin-bottom:30px}
.shoplist li a{ display:block; margin:0 15px; overflow:hidden}
.shoplist li img{ display:block; width:100%;transition: all 0.5s;}
.shoplist li a:hover img{ opacity:.7}

/*加盟*/
.leaguebox{ padding-top:150px; padding-bottom:90px;}
.leaguepage01{ padding-top:1px; height:710px; position:relative; background:url(../images/join01bg.jpg) no-repeat center top; background-size:cover}
.leaguebox .jointitle{ position:relative; text-align:center; margin-top:-70px; overflow:hidden; margin-bottom:65px;}
.leaguebox .jointitle:after{ content:""; display:block; height:1px; background-color:#292929; position:absolute;top:70px; width:1920px; left:50%;z-index:1; margin-left:260px}
.leaguebox .jointitle:before{ content:""; display:block; height:1px; background-color:#292929; position:absolute;top:70px; width:1920px; right:50%;z-index:1; margin-right:260px}
.leaguebox .jointitle .img{ position:relative; z-index:2}
.leaguebox .jointitle img{ height:110px;}
.leaguepage01 ul{ float:right}
.leaguepage01 ul li{ border-left:2px solid #fae4e1; padding-left:20px; margin-bottom:45px;}
.leaguepage01 ul .t{ font-size:30px; margin-top:-5px; padding-left:155px; position:relative; height:40px; line-height:40px; margin-bottom:10px}
.leaguepage01 ul .t i{ display:block; position:absolute; z-index:1; left:0;top:0; font-size:20px; width:142px; background:url(../images/ico-01.png) no-repeat center right; background-size:100%; text-indent:25px;}

.leaguepage02 .bd{ text-align:justify;}
.leaguepage02 .bd .img{ margin-bottom:45px}
.leaguepage02 .bd img{ max-width:100%; height:auto !important}
.leaguepage02 .tit{ margin-top:70px; text-align:center; margin-bottom:25px;}
.leaguepage02 .tit span{ display:inline-block; height:40px; padding:0 45px; line-height:40px; font-size:30px; color:#fff; background-color:#656565}
.join05m{ display:none; margin-top:10px}

/*新闻*/
.newsbox .lanmunav li.on a,.newsbox .lanmunav li a:hover{ border-bottom:0}
.newsgroom{ max-width:730px; margin:0 auto; margin-bottom:90px} 
.newsgroom .img{ overflow:hidden; margin-bottom:20px; height:460px; position:relative}
.newsgroom.owl-carousel .owl-item .img img{display:block;height: 100%;width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.newsgroom .txt h3{ font-size:23px; font-weight:normal; color:#292929;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:5px;}
.newsgroom .txt .ms{  color:#7c7c7c; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; margin-bottom:20px}
.newsgroom .txt .more{ text-align:center}
.newsgroom .txt .more span{ display:inline-block; width:165px; height:48px; line-height:48px; background-color:#fae4e1; border-radius:5px; color:#292929; font-size:18px}
.newsgroom .owl-prev,.newsgroom .owl-next{ width:30px; height:60px; overflow:hidden; position:absolute; z-index:1;top:50%; margin-top:-60px; background-size:100%; text-indent:-99px; background-repeat:no-repeat}
.newsgroom .owl-prev{ left:-100px; background-image:url(../images/dp-l.png); background-position:center left}
.newsgroom .owl-next{ right:-100px; background-image:url(../images/dp-r.png); background-position:center right}
.newsgroom .owl-dots{ position:absolute; z-index:1; left:0; right:0; text-align:center; top:410px}
.newsgroom .owl-dot{ display:inline-block; width:15px; height:15px; border-radius:15px; background-color:#919191; margin:0 7px;}
.newsgroom .owl-dot.active{ background-color:#fe484c}
.newsgroom a:hover .txt .more span{ background-color:#fe484c; color:#fff}

.newslist{ margin-bottom:50px}
.newslist li{ border-bottom:1px dashed #dddddb}
.newslist li a{ display:block; height:60px; line-height:60px; padding-right:160px; position:relative}
.newslist li a:hover h3{ color:#fe484c}
.newslist li h3:before{ content:""; display:inline-block; vertical-align:middle; width:5px; height:5px; margin-right:10px; background-color:#292929; border-radius:5px;}
.newslist li h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:24px; font-weight:normal; color:#292929}
.newslist li span{ position:absolute; z-index:1; right:0;top:0; font-size:24px; color:#292929;}

/*新闻内页*/
.newspage .title{ font-size:32px; color:#292929; font-weight:normal; text-align:center; margin-bottom:10px;line-height:1.6}
.newspage .info{ text-align:center; padding-bottom:35px; border-bottom:1px solid #292929; color:#292929; font-size:18px; margin-bottom:40px;}
.newspage .info span{ margin:0 10px;}
.newspage .conn{ overflow:hidden; text-align:justify; }
.newspage .conn img{ max-width:100%; height: auto !important}
.newspage .nnext{margin-top:70px; font-size:22px; color:#292929}
.newspage li{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newspage a{ font-size:22px; color:#292929}
.newspage a:hover{ color:#fe484c}

/*关于我们*/
.aboutpage conn{ overflow:hidden; text-align:justify}
.aboutpage img{ max-width:100%; height:auto !important}
.aboutpage .fz18,.aboutpage .fz18 a{ font-size:18px}
.aboutpage .fz24,.aboutpage .fz24 a{ font-size:24px}

/*精彩视频*/
.hotvideo{ margin-bottom:90px;}
.hotvideo .videobd{ margin-bottom:35px;}
.hotvideo .title{ text-align:center; font-size:24px; color:#292929;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.videolist{ overflow:hidden;}
.videolist ul{ margin-left:-15px; margin-right:-15px;}
.videolist li{ float:left; width:33.33%; margin-bottom:40px; }
.videolist li a{ display:block; margin:0 15px;}
.videolist li .img{ overflow:hidden; margin-bottom:10px; position:relative}
.videolist li .img:after{ content:""; display:block; position:absolute; z-index:1;top:0; bottom:0; left:0; right:0; background:#000 url(../images/ico-play.png) no-repeat center; background-size:60px; opacity:.5}
.videolist li .img img{ display:block; width:100%;transition: all 0.5s linear;}
.videolist li a:hover img{transform: scale(1.1,1.1);}
.videolist li h3{ font-size:24px; font-weight:normal; text-align:center; color:#292929;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*联系我们*/
.contactbox .lanmuplo{ margin-bottom:10px;}
.lanmutitle{ text-align:center; color:#292929; font-size:28px; font-weight:bold; margin-bottom:80px;}
.contactpage{ padding-bottom:50px}
.contactpage .map{ width:100%; margin-bottom:45px;}
.contactpage .map img{ max-width:100%}
.contactpage .addtxt{ float:left; width:60%; border-right:1px solid #292929; font-size:24px}
.contactpage .addtxt .p1{ font-size:32px}
.contactpage .conn{ color:#292929}
.contactpage .conn a{color:#292929;font-size:24px}
.contactpage .contewm{ float:right; width:33%}
.contactpage .contewm .img{ float:left; width:40%;}
.contactpage .contewm img{ display:block; width:100%}
.contactpage .contewm .txt{ float:right; font-size:24px;}
.contactpage .contewm .txt span{ display:block;}
@media(max-width:1300px){
.displayindex .owl-prev{ left:10px}
.displayindex .owl-next{ right:10px}

.newsgroom .owl-prev{ left:-50px;}
.newsgroom .owl-next{ right:-50px}
}
@media(max-width:900px) {
.banner .item{ height:510px;}

.navindex{ padding-top:35px; padding-bottom:15px;}
.navindex li{ float:none; width:auto}
.navindex li a{ overflow:hidden}
.navindex li .txt{ float:left; width:50%; padding:4vw; height:39vw;}
.navindex li .img{ float:left; width:50%; height:39vw}
.navindex li .eng{ font-size:6vw;margin-top:-10px; margin-bottom:5px}
.navindex li h3{ font-size:4vw; }
.navindex li .ms{ font-size:2.5vw; margin-bottom:0; height:10vw}
.navindex li .more span{ font-size:3.5vw;} 



.plo{ margin-bottom:15px;}
.plo .title span{ font-size:21px; width:200px; height:42px; line-height:42px}
.plo .title{ padding:0 15px;}
.ploindex{ margin-bottom:15px; font-size:19px}
.videoindex{ padding-top:15px;}
.videoindex .bd .weap{ height:auto;}
.videoindex .bd{ background:none; padding:0}
.tmallindex{ padding-top:35px; padding-bottom:15px;}
.productindex{ padding-top:15px; padding-bottom:15px;}
.productindex .hd li{ font-size:16px; margin:0 3px}
.productindex .hd .on span{ padding-bottom:5px;}
.productindex .hd{ margin-bottom:15px;}
.productindex .bd ul li{ margin-bottom:10px}
.productindex .bd ul{     -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;   -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;}
.productindex .more a{ font-size:15px}
.productindex .bd ul li:nth-last-child(1),.productindex .bd ul li:nth-last-child(2){ display:none}

.gg{ padding-top:15px; padding-bottom:15px}
.displayindex{ padding-top:15px; padding-bottom:15px}
.displayindex .owl-prev, .displayindex .owl-next{ display:none !important}
.newsindex{ padding-top:15px; padding-bottom:25px}

.newsindex .bd li h3{ font-size:15px}
.newsindex .bd li span{ font-size:15px}
.newsindex .bd li a{ padding-right:100px; height:45px; line-height:45px}
.newsindex .more a{ font-size:15px}

/*产品*/
.productlist{ margin-bottom:15px}
.nbanner{ height:200px}
.lanmubox{ padding:45px 0 }
.lanmuplo{ font-size:28px;    letter-spacing:0px; margin-bottom:20px}
.lanmunav{ margin-bottom:25px}
.lanmunav li a{ font-size:16px;}
.lanmunav li{ font-size:16px}
.lanmunav li{ margin:0 5px}

/*加盟*/
.leaguebox .jointitle img{ height:50px;}
.leaguebox .jointitle{ margin-top:-35px;}
.leaguebox .jointitle:before{top:35px;margin-right: 120px;}
.leaguebox .jointitle:after{top:35px;margin-left: 120px;}
.join05m{ display:block}
/*新闻*/
.newslist{ margin-bottom:25px}
.newslist li a{ padding-right:100px; height:45px; line-height:45px} 
.newslist li h3{ font-size:15px;}
.newslist li span{ font-size:15px}
.newsgroom{ padding:0 30px; margin-bottom:45px}
.newsgroom .img{ height:220px; margin-bottom:10px}
.newsgroom .owl-prev{ left:0;}
.newsgroom .owl-next{ right:0;}
.newsgroom .owl-prev, .newsgroom .owl-next{ width:16px; height:40px; margin-top:-80px}
.newsgroom .owl-dots{top:190px}
.newsgroom .owl-dot{ width:10px; height:10px; margin:0 5px}
.newsgroom .txt h3{ font-size:16px;}
.newsgroom .txt .more span{ font-size:14px; width:110px; height:38px; line-height:38px}

.newspage .title{ font-size:20px; }
.newspage .info{ padding-bottom:15px; margin-bottom:20px; font-size:15px}
.newspage .nnext{ margin-top:25px; font-size:16px;}
.newspage .nnext a{ font-size:16px}

/*关于我们*/
.aboutpage .fz18,.aboutpage .fz18 a{ font-size:16px}
.aboutpage .fz24,.aboutpage .fz24 a{ font-size:20px}
/*视频*/
.hotvideo .videobd{ margin-bottom:15px;}
.hotvideo .title{ font-size:16px}
.hotvideo{ margin-bottom:30px}
.videolist ul{ margin-left:-5px; margin-right:-5px;}
.videolist li{ width:50%; margin-bottom:10px;}
.videolist li a{ margin:0 5px;}
.videolist li h3{ font-size:16px;}
.videolist li .img{ margin-bottom:5px;}
.videolist li .img:after{ background-size:45px}
/*联系我们*/
.contactpage{ padding-bottom:20px}
.lanmutitle{ margin-bottom:20px; font-size:18px}
.contactpage .map{ margin-bottom:20px}
.contactpage .addtxt{ float:none; width:auto; border-right:none; border-bottom:1px solid #292929; font-size:16px; padding-bottom:10px; margin-bottom:10px}
.contactpage .addtxt a{ font-size:16px}
.contactpage .addtxt .p1{ font-size:21px;}
.contactpage .contewm{ float:none; width:auto;}
.contactpage .contewm .img{ width:110px; float:none; display:inline-block; vertical-align:middle;margin-right:20px; margin-bottom:10px}
.contactpage .contewm .txt{ float:none; vertical-align:middle; display:inline-block;  font-size:16px}
.contactpage .contewm .txt span{ display:inline}
}
@media(max-width:768px) {
.banner .item{ height:200px;}
.banner .owl-dots{ bottom:10px}
.banner .owl-dots .owl-dot{ width:10px; height:10px}
/*产品*/
.productlist ul{ margin-left:-5px; margin-right:-5px}
.productlist li{ margin-bottom:10px}
.productlist li a{ margin:0 5px;}
.nbanner{ height:130px}
/*门店*/
.shoplist ul{ margin-left:-5px; margin-right:-5px}
.shoplist li{ margin-bottom:10px; width:50%}
.shoplist li a{ margin:0 5px;}

/*加盟*/ 
.leaguebox{ padding:60px 0}
.leaguebox .jointitle{ margin-bottom:30px}
.leaguepage01 ul{ float:none}
.leaguepage01{ background:none; height:auto; padding-bottom:50px}
.leaguepage01 ul li{ border-left:2px solid #d71b19; padding-left:10px; margin-bottom:20px}
.leaguepage01 ul .t{ font-size:18px; height:auto; line-height:30px; padding-left:85px; margin-bottom:5px}
.leaguepage01 ul .t i{ font-size:14px; width:80px; text-indent:10px;background: url(../images/ico-01m.png) no-repeat center right;background-size: 100%; color:#fff} 
.leaguepage02 .bd .img{ margin-bottom:20px}
.leaguepage02 .tit span{ font-size:18px; height:36px; line-height:36px; padding:0 20px;}
.leaguepage02 .tit{ margin-top:35px; margin-bottom:10px}
}